<?php  slot("head");?>
  <meta charset="utf-8">
  <title>Google Mapsのテスト</title>
  <script src="http://maps.google.com/maps/api/js?sensor=true&language=ja"></script>
  <style>
    #map {
      width: 100%;
      height: 100%;
      }
  </style>
<?php end_slot();?>

  <div id="map"></div>
    <script>
      var latlng = new google.maps.LatLng(35.307491,139.493018);
      var options = {
            zoom: 15,
            center: latlng,

            mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById('map'), options);

      var infoWindow = new google.maps.InfoWindow({
          content: "<strong>ココ</strong><br>ですよ！",
          position: map.getCenter()
      });

      var marker = new google.maps.Marker({
          position: map.getCenter(),
          map: map
      });
      google.maps.event.addListener(marker, "click", function() {
          infoWindow.open(map, marker);
      });
    </script>
